<template>
	<view class="container">
		<view class="bg">
			<view class="navtitle">
				<view class="left" @click="back"></view>
				<view class="title">
					消息
				</view>
			</view>
		</view>
		<view class="card">
			<uni-card style="border-radius: 26rpx;margin-top: -220rpx;">
				<uni-section class="mb-10" title="支付成功通知" titleFontSize="32rpx" >
					<template v-slot:right>
						<span style="color:#c7c7c7 ;">2023.3.11&nbsp;&nbsp;&nbsp;11:09</span>
					</template>
				</uni-section>
				<uni-section class="mb-10" title="你已成功支付56.9元" titleColor	="#747474"style="margin-top: -30rpx; "titleFontSize="26rpx">
				</uni-section>
				<u-gap height="3" bgColor="#f0f0f0"></u-gap>
				<uni-section class="mb-10" title="支付成功通知" titleFontSize="32rpx">
					<template v-slot:right>
						<span style="color:#c7c7c7 ;">2023.3.11&nbsp;&nbsp;&nbsp;11:09</span>
					</template>
				</uni-section>
				<uni-section class="mb-10" title="你已成功支付56.9元"titleColor	="#747474" style="margin-top: -30rpx; "titleFontSize="26rpx">
				</uni-section>
				<u-gap height="3" bgColor="#f0f0f0"></u-gap>
				<uni-section class="mb-10" title="支付成功通知" titleFontSize="32rpx">
					<template v-slot:right>
						<span style="color:#c7c7c7 ;">2023.3.11&nbsp;&nbsp;&nbsp;11:09</span>
					</template>
				</uni-section>
				<uni-section class="mb-10" title="你已成功支付56.9元" titleColor	="#747474"style="margin-top: -30rpx; "titleFontSize="26rpx">
				</uni-section>
				</uni-section>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>

<style scoped>
	.bg {
		width: 100%;
		height: 360rpx;
		background-color: #3082fb;
		overflow: hidden;
	}

	.navtitle {
		display: flex;
		margin-top: 40rpx;
		/* border: 1px solid red; */
		align-items: center;
	}

	.navtitle .left {
		width: 28rpx;
		height: 28rpx;
		margin-left: 20rpx;
		border-left: 2px solid white;
		border-bottom: 2px solid white;
		transform: rotate(45deg);
	}

	.title {
		color: #e0ebfd;
		font-size: 40rpx;
		margin-left: 260rpx;
		font-family: 'Times New Roman', Times, serif;
		font-weight: 600;
	}
</style>